﻿<html>
<head>
<title>He thong quan ly phong hop cho thue</title>

<link rel="stylesheet" href="lib/css/360.css"/>
<link rel="stylesheet" href="lib/css/style.css"/>
<link rel="stylesheet" href="lib/css/slide-style.css"/>

<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/scripts.js"></script>
<?php  include_once 'lib/style.php'; ?>

</head>
<body>
<script>
function clearText(theField) {
	if(theField.defaultValue == theField.value)
		theField.value = '';
}
function onBlur(el) {
    if (el.value == '') {
        el.value = el.defaultValue;
    }
}
</script>
<!-- Begin wrapper -->
<div class="wrapper">
	<div class="top_header">
		<div class="login_form">
			<form method="post" action="">
				<input type="text" value="username" name="name" class="login_text" onFocus="clearText(this)" onBlur="onBlur(this)"/>
				<input type="text" value="password" name="password" class="login_text" onFocus="clearText(this)" onBlur="onBlur(this)"/>
				<input type="checkbox" value="save" /> Remember me
				<input type="submit" value="Login" class="gra_button green">
			</form>
		</div>
		<div class="welcome" style="display:none">
			Welcome &nbsp <a href="#">user</a>
			&nbsp | &nbsp <a href="#">Setting</a>
		</div>
	</div>
	<!-- Begin header -->
	<div class="header">
		
	</div>
	<!-- End header -->
	
	<div class="menu">		
		<ul class="nav">
			<li><a href="#" class="nav_menu menu1" id="menu1" style="margin-left: 60px;">&nbsp </a></li>
			<li><a href="#" class="nav_menu menu2" id="menu2">&nbsp </a></li>
			<li><a href="#" class="nav_menu menu3" id="menu3">&nbsp </a></li>
		</ul>		
	</div>
	<!-- Begin main -->
	<div class="main">
		<div class="wrap">
			<div id="slide-holder">
				<div id="slide-runner">
					<a href=""><img id="slide-img-1" src="lib/images/images_banner/slideshow/1.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-2" src="lib/images/images_banner/slideshow/2.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-3" src="lib/images/images_banner/slideshow/3.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-4" src="lib/images/images_banner/slideshow/4.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-5" src="lib/images/images_banner/slideshow/5.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-6" src="lib/images/images_banner/slideshow/6.jpg" width="940px" height="278px" class="slide" alt="" /></a>
					<a href=""><img id="slide-img-7" src="lib/images/images_banner/slideshow/7.jpg" width="940px" height="278px" class="slide" alt="" /></a> 
					<div id="slide-controls">
						<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
						<p id="slide-desc" class="text"></p>
						<p id="slide-nav"></p>
					</div>
				</div>
			</div>		
		</div>
		<script type="text/javascript">
		if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
	   </script>
	   
	   <div class="bookingInfo">
	   
	   </div>
	   
	</div>
	<!-- End main -->

	<!-- Begin footer -->
	<div class="footer">
		<p>Hedspi - Team 03</p>
		Copyright &copy by <a href="#">Team-IT03</a>
	</div>
	<!-- End footer -->
</div>
<!-- End wrapper -->

<!-- Javascrip -->
<script type="text/javascript">
	$(document).ready(function() {
		$(".nav_menu").each(function() {
			$(this).click(function() {
				var index = $(this).attr("id").substring(4);
				$(".nav_menu").each(function() {
					var i = $(this).attr("id").substring(4);
					$(this).removeClass("menu" + i + "_active").addClass("menu" + i);
				});
				$(this).removeClass("menu" + index).addClass("menu" + index + "_active");
			});
		});
	});
</script>

</body>
</html>